<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
</head>
<body style="text-align: center">
    <iframe name="content_frame" marginwidth=0 marginheight=0 align="middle" width=100% height=350 src="heard.html" frameborder=0></iframe>
    <div class="content" style="width:90%;">
	    <div class="daohang" style="width:100%;">
	    	<ul class="loogindiv" style="list-style: none;width:100%;">
	    		<li style="float:left;">帐号：<input type="text" size="20"/></li>
	    		<li style="float:left;margin-left: 20px">密码：<input type="text" size="20"/></li>
	    		<li style="float:left;"><input type="radio"/>管理员<input type="radio"/>一般用户</li>
	    		<li style="float:right;"><a href="gerenzhongxin.html">个人中心</a><input type="button" onclick="gaotoDetail();" value="登录"/><input type="button" value="注册"/></li>
	    	</ul>
	    </div>
	    <div style="float:left;width:100%;margin-top: 2px;">
	    <ul class="loogindiv" style="list-style: none;width:100%;">
	    		<li style="float:left;border:1px solid;width:15%;text-align: center">java</li>
	    		<li style="float:left;border:1px solid;width:15%;text-align: center;">c++</li>
	    		<li style="float:left;border:1px solid;width:15%;text-align: center;">c</li>
	    		<li style="float:right;width:25%"><input type="text"/><input type="button" value="搜索"/></li>
	    	</ul>
	    </div>
	    <div style="float:left;width:100%;">
	    <table style="float:left;width:100%; text-align: center">
	      <tr>
	         <td style="width:20%">分类名</td>
	         <td style="margin-left: 40px;">类型缩写</td>
	         <td>类型描述</td>
	         <td>添加人</td>
	         <td>添加时间</td>
	         </tr>
	         <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	         <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr> 
	         <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	         <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr> 
	         <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>     
	    </table>
	    </div>
	    <div style="float:left;width:100%;">
	    <table style="float:left;width:100%; text-align: center">
	      <tr>
	         <td style="width:20%">分类名</td>
	         <td style="margin-left: 40px;">类型缩写</td>
	         <td>类型描述</td>
	         <td>添加人</td>
	         <td>添加时间</td>
	         </tr>
	         <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr> 
	          <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	          <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	          <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	          <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	          <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>
	          <tr>
		         <td style="width:20%">eclipse</td>
		         <td style="margin-left: 40px;">exe</td>
		         <td>tool</td>
		         <td>xxx</td>
		         <td>xxxxxx</td>
	         </tr>   
	    </table>
	    </div>
    </div>
   <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=200 src="foot.html" frameborder=0></iframe>
     <script type="text/javascript">
        function gaotoDetail(){
           window.location.href = "detail.html";
        }
     </script>
</body>
</html> 